<template>
  <el-tabs v-model="activeTab" type="border-card">
    <el-tab-pane label="模板" name="template" >
      <TemplatePage />
    </el-tab-pane>
    <el-tab-pane label="实时数据" name="realTimeData">
      <RealTimeDataPage />
    </el-tab-pane>
    <el-tab-pane label="手动" name="manual">
      <ManualPage />
    </el-tab-pane>
  </el-tabs>
</template>

<script lang="ts">
import TemplatePage from './tabsComponentChild/TemplatePage.vue'
import RealTimeDataPage from './tabsComponentChild/RealTimeDataPage.vue'
import ManualPage from './tabsComponentChild/ManualPage.vue'

export default defineComponent({
  components: {
    TemplatePage,
    RealTimeDataPage,
    ManualPage
  },
  setup() {
    const {proxy}: any = getCurrentInstance()

    const activeTab = ref('template')

    return {
      activeTab
    }
  }
})
</script>

<style scoped>
.el-tabs {
  height: 435px;
}

</style>